


<div id="mediaeditorholder">
    <h1>Media editor</h1>



    <div id="simpletabs">                    

        <ul class="idTtabs clearfix">                        

            <li class="on"><a id="img_a" href="#imgholder" class="selected"><span>Images</span></a></li>
            <li class=""><a id="vid_a" href="#videoholder" class=" "><span>Videos</span></a></li>

        </ul>                

    </div>



    <div id="imgholder">

        <div class="rowholder">
            <? 
                if(count($arr_img)==0){
                    echo '<span style="padding:14px; font-style:italic;">Dodajte fotografiju.</span>';

                }else{
                    foreach ($arr_img as $key => $value) {
                    ?>
                    <div class="row clearfix">
                        <div class="display"><img src="<?=base_url()?>assets/mediagallery/img/<?=$value;?>" width="70" /></div>
                        <div class="path"><?=$value;?></div>
                        <div class="action">
                            <a href="javascript:" class="change btn">Promjeni</a>
                            <a href="javascript:" class="delete btn">Briši</a>
                        </div>
                    </div>
                    <? 
                    }
                } 
            ?>
        </div>

    </div>

    <div id="videoholder" style="display: none;">

        <div class="rowholder">
            <? 
                if(count($arr_videos)==0){
                    echo '<span style="padding:14px; font-style:italic;">Dodajte video zapis.</span>';

                }else{

                    foreach ($arr_videos as $key => $value) {
                    ?>
                    <div class="row clearfix"> 
                        <div class="display"><img src="<?=base_url()?>assets/mediagallery/videos/<?=$value;?>" width="70" /></div>
                        <div class="path"><?=$value;?></div>
                    </div>
                    <? 
                    }
                } 
            ?>

        </div>

        <br /><br />

    </div>

    <br /><br />

    <div id="uploader">
        <p>Upload Files:</p>

        <div id="filelist"></div>
        <br />

        <a id="pickfiles" href="javascript:;">[Add Files] |</a>
        <a id="uploadfiles" href="javascript:;">[Start Upload]</a> 

    </div>

</div>

